{% extends "base.html"%}
 {% block head %}
    <div class="template">
  <div class="box">
    <h3>
      <p><span>个人博客</span>苹果的博客</p>
    </h3>
{#    <ul>#}
{#      <li><a href="#"  target="_blank"><img src="/static/images/01.jpg"></a><span>生活</span></li>#}
{#      <li><a href="#" target="_blank"><img src="/static/images/02.jpg"></a><span>未来</span></li>#}
{#      <li><a href="#"  target="_blank"><img src="/static/images/03.jpg"></a><span>我家的猫</span></li>#}
{#      <li><a href="/" target="_blank"><img src="/static/images/04.jpg"></a><span>学无止境</span></li>#}
{#      <li><a href="/"  target="_blank"><img src="/static/images/02.jpg"></a><span>留言</span></li>#}
{#      <li><a href="/"  target="_blank"><img src="/static/images/03.jpg"></a><span>Green绿色</span></li>#}
{#    </ul>#}
  </div>
</div>
     <style>
.divcss5{ border:1px dashed #a09ba2; height:75px; width:850px}
     /*分页*/
.pagination{
 margin-bottom: 20px;
}
.pagination .pagination-item{
  border: solid 1px #d6d6d6;
  border-radius: 0.2rem;
  color: #7d7d7d;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  padding: 5px 9px;
 cursor: pointer;
}
     .href-title:hover{
        color: #099B43;
    }
     .item-title{
         font-size: 15px;
         {#font-weight: bolder;#}
         margin-bottom: 15px;
         display: inline-block;
     }

</style>
<article>

<div class="bloglist left">
{%csrf_token%}
<article>
    <div class="bloglist left">

   {%  for i in data %}
<div class="divcss5">

       <a class="href-title" href="/detail/{{ i.hid }}/"><p>
           <span class="item-title">{{ i.title }}</span></a>

    <div class="postbody">
    <p class="postfoot" title="permalink"><font color="#82a288">{{ i.edit_time }}</font>~<font color="#82a288">{{ i.edit_user_name }}</font></p>
</div><br>
</div>
 {% endfor %}
    </div>

</div>

     <aside class="right">
    <div class="weather"><iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="//i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe></div>
    <div class="news">
    <h3>
      <p>随笔<span>分类</span></p>
    </h3>
    <ul class="rank">

          {% for title in cate_name %}
      <li>
          <a class="href-title"  href="/cate_list/{{ title.category_id }}/" title="{{ title.category_name }}" target="_blank">{{ title.category_name }}</a>
      </li>
        {% endfor %}
    </ul>
    <h3 class="ph">
      <p>阅读<span>排行榜</span></p>
    </h3>
    <ul class="paih">
        {% for i in count_title %}
        <li>
          <a href="/detail/{{ i.hid }}/" title="{{ i.title }}" target="_blank">{{ i.title }}</a>
      </li>
        {% endfor %}
    </ul>
{#    <h3 class="links">#}
{#      <p>友情<span>链接</span></p>#}
{#    </h3>#}
{#    <ul class="website">#}
{#      <li><a href="/">个人博客</a></li>#}
{#      <li><a href="#">联系</a></li>#}
{#      <li><a href="/#">搜索 </a></li>#}
{#      <li><a href="/#">公告</a></li>#}
{#    </ul>#}
{#    </div>#}

</article>
<script src="../static/js/silder.js"></script>
<head>
    <meta charset="UTF-8">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous">
    </script>
</head>
<body>
<div class="container">
     <div class="col-md-6 col-md-offset-3">
    {% for contact in contacts %}
    {{ contact.full_name|upper }}
{% endfor %}

<p class="pagination">

    <span class="step-links">
        {% if contacts.has_previous %}
            <a href="?page={{ contacts.previous_page_number }}">
                <span class="pagination-item"> < </span>
            </a>
        {% endif %}
        <span class="pagination-item">
            <a href="?page={{ contacts.number }}">{{ contacts.number }}</a>
        </span>
        <span>...</span>
        <span class="pagination-item">
             <a href="?page={{ contacts.paginator.num_pages }}">{{ contacts.paginator.num_pages }}</a>
        </span>

{#            <font color="#9127c0">{{ contacts.number }}</font>  .... <font color="#9127c0">{{ contacts.paginator.num_pages }}</font>#}
        </span>
        {% if contacts.has_next %}
            <a href="?page={{ contacts.next_page_number }}">
                <span class="pagination-item"> > </span>
            </a>
        {% endif %}
    </span>
</p>
</div>
</div>
</body>

{% endblock %}






